<div class="zs-body" data-ng-init="iniTab('report_map', 'map', 'selected');setConHei();">
    <div class="zs-map-tool">
		<div class="location">
			<a>首页</a>
			<i class="right-arr"></i>
			<a>报表应用</a>
			<i class="right-arr"></i>
			<a>饼图</a>
		</div>
		<div class="option">
		</div>
	</div>
    <div class="zs-content" style="position:unset">
    	<div class="zs-nice-tab idTabs">
    		<div class="tool item" style="margin-left:6px;">
	    		<span class="search-warpper">
	    			<i class="icon"></i>
		    		<input type="text" class="zs-input" />
	    		</span>
    		</div>
    		<div class="operation item">
    			<a  class="ope-1 opts"></a>
    			<a  class="ope-2 opts"></a>
    		</div>
    		<div class="switch">
    			<a class="{{tabs['report_map'].tabClass['map']}} kb" ng-click="setTab('report_map', 'map')">图表</a>
    			<a class="{{tabs['report_map'].tabClass['form']}} lb" ng-click="setTab('report_map', 'form')">列表</a>
    		</div>
    	</div>

    	<div class="date-container" >
	    	<div id="zpgwd">
	    		<div class="zs-data-table">
	    			<div class="container" >
	    				<ag-Charts ng-show="tabs['report_map'].tabShow['map']" style="height: 500px"
	    				option="{
	    tooltip: {
	        trigger: 'item',
	        formatter: '{a} <br/>{b}: {c} ({d}%)'
	    },
	    legend: {
	        orient: 'vertical',
	        x: 'left',
	        data:['直达','营销广告','搜索引擎','邮件营销','联盟广告','视频广告','百度','谷歌','必应','其他']
	    },
	    series: [
	        {
	            name:'访问来源',
	            type:'pie',
	            selectedMode: 'single',
	            radius: [0, '30%'],

	            label: {
	                normal: {
	                    position: 'inner'
	                }
	            },
	            labelLine: {
	                normal: {
	                    show: false
	                }
	            },
	            data:[
	                {value:335, name:'直达', selected:true},
	                {value:679, name:'营销广告'},
	                {value:1548, name:'搜索引擎'}
	            ]
	        },
	        {
	            name:'访问来源',
	            type:'pie',
	            radius: ['40%', '55%'],

	            data:[
	                {value:335, name:'直达'},
	                {value:310, name:'邮件营销'},
	                {value:234, name:'联盟广告'},
	                {value:135, name:'视频广告'},
	                {value:1048, name:'百度'},
	                {value:251, name:'谷歌'},
	                {value:147, name:'必应'},
	                {value:102, name:'其他'}
	            ]
	        }
	    ]
	}"></ag-Charts>

				        <table ng-show="tabs['report_map'].tabShow['form']">
				            <thead>
				                <tr>
				                    <th width="30px"><input type="checkbox"></th>
				                    <th class="left">总面积</th>
				                    <th>林木使用权</th>
				                    <th>林木所有权</th>
				                    <th>林地经营权</th>
				                </tr>
				            </thead>
				            <tbody>
				                <tr>
				                    <td><input type="checkbox" checked="checked"></td>
				                    <td class="left">北京</td>
				                    <td>20</td>
				                    <td>30</td>
				                    <td>40</td>
				                </tr>
				                <tr>
				                    <td><input type="checkbox"></td>
				                    <td class="left">天津</td>
				                    <td>10</td>
				                    <td>20</td>
				                    <td>30</td>
				                </tr>
				                <tr>
				                    <td><input type="checkbox"></td>
				                    <td class="left">上海</td>
				                    <td>20</td>
				                    <td>30</td>
				                    <td>40</td>
				                </tr>
				            </tbody>
				        </table>
	    			</div>
			    </div>
	    	</div>
    	</div>
    </div>
</div>
\